// /**index.wxss**/

// /* 固定video
// .video-wrap {
//   position: fixed;
//   width: 100%;
//   top: 0;
//   left: 0;
// }
// .vod-video {
//   width: 100%;
//   height: 60vw;
//   display: block;
// }

// .video-list {
//   padding-top: 60vw;
// }
// */

.container {
	position: relative;
	width: 100%;
	height: 100%;
	.video-wrap {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.video-control {
		background-color: rgba(0, 0, 0, 0.1);
		height: 90rpx;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 997;
		.video-title {
			width: 100%;
			box-sizing: border-box;
			padding-right: 230rpx;
			padding-left: 35rpx;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 90rpx;
			color: #fff;
		}
	}
	.vod-video {
		display: inline-block;
		width: 100%;
		height: 100%;
	}
}

// .close-btn-wrap {
// 	width: 100%;
// 	display: flex;
// 	margin-top: 150rpx;
// 	justify-content: center;
// }

// .close-btn {
// 	width: 80rpx;
// 	height: 80rpx;
// 	border-radius: 50%;
// 	background-color: rgba(220, 220, 220, 0.5);
// 	font-size: 18px;
// 	color: #fff;
// 	text-align: center;
// 	line-height: 75rpx;
// 	z-index: 9999;
// }

// .video-list {
// 	height: 67vh;
// }

// .multi-list.full-screen.vertical {
// 	height: 100vh !important;
// 	padding: 8vh 0;
// }

// .multi-list.full-screen.horizontal {
// 	height: 100vw !important;
// 	padding: 8vw 0;
// }

// .multi {
// 	position: absolute;
// 	right: 30rpx;
// 	top: 50%;
// 	transform: translateY(-50%);
// 	z-index: 998;
// 	width: 100rpx;
// 	color: #fff;
// 	padding: 10rpx 0;
// 	text-align: center;
// 	transition: color ease 0.3s;
// }

// .multi.rate {
// 	right: 130rpx;
// }

// .multi-list {
// 	position: absolute;
// 	height: 100%;
// 	width: 0;
// 	background-color: rgba(0, 0, 0, 0.65);
// 	top: 0;
// 	right: 0;
// 	transition: width 0.3s ease;
// 	z-index: 999;
// 	box-sizing: border-box;
// 	padding: 50rpx 0;
// }

// .multi-list.rate {
// 	padding: 25rpx 0;
// }

// .multi-list.active {
// 	width: 300rpx;
// }

// .multi-item {
// 	text-align: center;
// 	color: #fff;
// 	line-height: 80rpx;
// 	transition: color ease 0.3s;
// }

// .multi-item.rate {
// 	line-height: 70rpx;
// }

// .multi-item:hover,
// .multi:hover {
// 	color: #00d8ff;
// }
// .multi-item.active {
// 	color: #00d8ff;
// }

// .vod-video {
// 	width: 100%;
// }

// .tips {
// 	text-align: center;
// 	color: #ccc;
// 	font-size: 12px;
// }

// .video-item {
// 	height: 25vw;
// 	display: flex;
// 	padding: 8rpx 16rpx;
// 	background-color: #f6f6f6;
// }

// .video-item.active .cover {
// 	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3), 0 -1px 6px rgba(0, 0, 0, 0.3), -1px 0 6px rgba(0, 0, 0, 0.3);
// }
// .video-item.active .name {
// 	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3), 0px -1px 6px rgba(0, 0, 0, 0.3);
// }

// .cover {
// 	width: 40%;
// 	background-color: #000;
// 	position: relative;
// 	border-radius: 3px 0 0 3px;
// 	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
// }

// .duration {
// 	position: absolute;
// 	bottom: 10rpx;
// 	right: 10rpx;
// 	background-color: rgba(0, 0, 0, 0.6);
// 	padding: 0 10rpx;
// 	border-radius: 3px;
// 	font-size: 12px;
// 	color: #fff;
// }

// .cover image {
// 	max-width: 100%;
// 	max-height: 100%;
// 	display: block;
// }

// .name {
// 	width: 60%;
// 	box-sizing: border-box;
// 	padding: 16rpx 32rpx;
// 	border-radius: 0 3px 3px 0;
// 	background-color: #fff;
// 	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
// }
// .video-title-name {
// 	overflow: hidden;
// 	text-overflow: ellipsis;
// 	display: -webkit-box;
// 	-webkit-line-clamp: 2;
// 	-webkit-box-orient: vertical;
// }
// .video-title-name.description {
// 	margin-top: 20rpx;
// 	color: #999;
// 	font-size: 12px;
// }
